/*默认蓝色*/
.SonlineBox{width:162px;font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{  width:30px; height:110px;  position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#0176ba url(../images/openTrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ width:158px; height:35px; line-height:35px; background:#038bdc url(../images/SonlineTitleBg.gif) repeat-x; border-bottom:2px solid #0176ba;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox .contentBox{ width:158px; height:auto; border:2px solid #0176ba;border:2px solid #0284d2; background:#fff; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBox .listImg{overflow:hidden; margin-bottom:10px; text-align:center}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;}
.SonlineBox .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox .contentBox .listBox .QQList a{float:left;}
.SonlineBox .contentBox .listBox .QQImg{ display:block; width:86%; height:138px; margin:10px auto 0px auto;}
.SonlineBox .contentBox .listBox .QQImg img { height:139px; width:139px;}
.SonlineBox .contentBox .listBox .tel{ display:block; background:url(../images/tel.gif) no-repeat; line-height:20px; padding-left:15px; width:86%;  margin:10px auto 0px 12px;}